@extends('index.common.framework') 
@section('content')
<style>
    div.row {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    img{
        width: 100%;
        height: 100%;
    }
</style>
<div class="container">
    <!-- Page Heading/Breadcrumbs -->
    <h2 class="mt-4 mb-3">项目列表
    </h2>
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="{{route('home')}}">首页</a>
        </li>
        <li class="breadcrumb-item active">项目列表</li>
    </ol>
    <!-- Project One -->
    @foreach($list as $li)
    <div class="row">
        <div class="col-md-7">
            <a href="{{route('project/project', ['project' => $li['id']])}}">
                @if($li['pic'] !== '')
                <img class="img-fluid rounded mb-3 mb-md-0" src="{{ env('APP_UPLOAD').$li['pic'] }}" alt="">
                @else
                <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
                @endif
            </a>
        </div>
        <div class="col-md-5">
            <h3>{{ $li['title'] }}</h3>
            <p>{{ $li['description'] }}</p>
            <a class="btn btn-primary" href="{{route('project/project', ['project' => $li['id']])}}">查看项目
                  <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </div>
    @endforeach
    <hr>
    <!-- Pagination -->
    {{$list->links('index.common.page')}}
</div>
<!-- /.container -->
@endsection